<template>
    <div class="container-y-wrap">
      <tab :line-width="1">
        <tab-item selected @on-item-click="changeList">待办事宜</tab-item>
        <tab-item @on-item-click="changeList">已办事宜</tab-item>
      </tab>
      <mesList  v-show="listFlag == 0"
                :list="pendingList"
                @dt="go_dt"
      >
      </mesList>
      <mesList  v-show="listFlag == 1"  :list="completeList" @dt="go_dt"></mesList>
      <transition name="slide-c">
        <keep-alive>
          <router-view></router-view>
        </keep-alive>
      </transition>
    </div>
</template>

<script type="es6">
  import {main} from "./index.js"

  export default main;
</script>

<style lang="stylus" rel="stylesheet/stylus">
  @import "../../base/variable.styl"
  .vux-tab .vux-tab-item.vux-tab-selected {
    color: #007aff !important;
    border-bottom: 3px solid #007aff !important;
  }

  .vux-tab-ink-bar {
    background-color #007aff !important
    height 3px !important
  }
</style>
